/* Base styles that apply to all menus */
.menu-section {
	padding-bottom: 2em;
	margin-bottom: 2em;
}
.menu ul {
	list-style-type: none;
    padding: 0.2em 0.4em 2em 0.4em;
    margin: 0 4% 0% 4%; 
	/* background: hsl(0, 0%, 15%); */
    border-radius: 1em;
	border: 2px solid #5C009F;
	
	background: linear-gradient(124deg, rgba(130, 171, 70, 1)34%, rgba(255, 220, 70, 0.8)73%);
	background: -moz-linear-gradient(124deg, rgba(130, 171, 70, 1)34%, rgba(255, 220, 70, 0.8)73%);
	background: -webkit-linear-gradient(124deg, rgba(130, 171, 70, 1)34%, rgba(255, 220, 70, 0.8)73%);
	background: -o-linear-gradient(124deg, rgba(130, 171, 70, 1)34%, rgba(255, 220, 70, 0.8)73%);
	
	box-shadow: inset 17px 17px 85px -9px #F2A305,12px 10px 39px 1px #0C240A;
	-webkit-box-shadow: inset 17px 17px 85px -9px #F2A305,12px 10px 39px 1px #0C240A;
	-moz-box-shadow: inset 17px 17px 85px -9px #F2A305,12px 10px 39px 1px #0C240A;
	-o-box-shadow: inset 17px 17px 85px -9px #F2A305,12px 10px 39px 1px #0C240A;
}
.menu li {
    list-style: none;
    margin: 0.3em; 
    padding: 0;
}
.menu li a, nav span {
    display: block;
    padding: 0.3em;
    text-decoration: none; font-weight: bold;
    border: 1px solid blue;
    border-radius: 10px;
    box-shadow: 0px 5px 10px white inset;
    color: darkseagreen;
	text-align: center;
    background-color: #303728;
    -webkit-transition: background-color .70s ease-in;
    transition: background-color .70s ease-in;
	/* display: block;
	text-decoration: none;
	color: white;
	padding: .6em 1em; */
}
.menu li a:hover,
.menu li a:focus {
    color: #303728; 
    background-color: greenyellow;
    -webkit-transition: background-color 0.01s;
    transition: background-color 0.01s;
    border-color: gold;
	/* background: hsl(0, 0%, 25%); */
}
.menu li a:active,
nav span{
    background-color: transparent;
	color: royalblue;
}
nav h3 {
    font-size: 1.5em;
    margin: 0.1em 0 0;
    border-color: transparent;
    background-color: transparent;
    text-align: center;
	color: rgb(255, 255, 255);
	text-shadow: rgb(3, 3, 3) 0px 2px 2px;
}	

/* Herz */
h3 > em {color: red;}
h3 > em:focus,
h3 > em:hover{
	-webkit-transition: background-color 0.1s;
	transition: background-color 0.1s;
	text-shadow: rgb(3, 3, 3) 0px 2px 2px;
	font-size: 3.5em;
	-webkit-transition: background-font-size .70s ease-in;
	transition: background-font-size .70s ease-in;
}